<template>
    {{ count }} -- {{ msg }}
    <EmitChild v-model:msg="msg" v-model:count="count" />
</template>

<script>
import EmitChild from './EmitChild';
import { reactive, toRefs } from 'vue';

export default {
    components: {
        EmitChild,
    },
    setup (props, context) {
        const state = reactive({
            count: 1,
            msg: 'zs',
        });
        return {
            ...toRefs(state),
        };
    },
};
</script>

<style>

</style>
